<script setup>
  import sourceData from "@/data.json";
  import { ref } from "vue";
  const destinations = ref(sourceData.destinations);
</script>


<template>
  <div id="nav">
    <router-link to="/">Home</router-link>
    <router-link
  v-for="destination in destinations"
  :key="destination.id"
  :to="{ name: 'destination.show', params: { id: destination.id, slug: destination.slug } }"
>
  {{ destination.name }}
</router-link>
  </div>

  <div class="container">
    <router-view></router-view>
  </div>
</template>

<style scoped>

</style>
